<template>
	<view>
		<!-- 遮挡层 -->
		<view>
			<!-- <u-navbar title="弹窗" @leftClick="navigateBack" safeAreaInsetTop fixed placeholder></u-navbar> -->
			<u-popup :safeAreaInsetBottom="true" :safeAreaInsetTop="true" :mode="popupData.mode" :show="show"
				:round="popupData.round" :overlay="popupData.overlay" :borderRadius="popupData.borderRadius"
				:closeable="popupData.closeable" :closeOnClickOverlay="popupData.closeOnClickOverlay" @close="close"
				@open="open">
				<view style="">
					<image src="../../static/logo.png" style="height: 500px"></image>
				</view>
				<view class="u-popup-slot" style="display: flex;">
					<u-button class="u-popup-slot" type="default" text="不在显示" customStyle="width: 375rpx"
						@click="show = false"></u-button>
					<u-button class="u-popup-slot" type="default" text="点我关闭" customStyle="width: 375rpx"
						@click="show = !show"></u-button>
				</view>
			</u-popup>
		</view>
		<!-- 页面内容 -->
		<view>
		</view>
		<!-- 底部导航栏 -->
		<!-- <view class="u-page__item" @touchmove.stop>
			<u-tabbar :value="vaule1" @change="change1" :fixed="true" :placeholder="true" :safeAreaInsetBottom="true">
				<u-tabbar-item text="首页" icon="home" dot @click="click1"></u-tabbar-item>
				<u-tabbar-item text="放映厅" icon="photo" badge="3" @click="click1"></u-tabbar-item>
				<u-tabbar-item text="直播" icon="play-right" @click="click1"></u-tabbar-item>
				<u-tabbar-item text="我的" icon="account" @click="click1"></u-tabbar-item>
			</u-tabbar>
		</view> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				show: true,
				popupData: {
					overlay: false,
					mode: 'bottom',
					borderRadius: '',
					closeable: false,
					closeOnClickOverlay: false,
				},
				list: [	{
						popupData: {
							overlay: true,
							mode: 'bottom',
							closeable: false,
							closeOnClickOverlay: false
						},
						title: '禁止点击遮罩关闭',
						iconUrl: 'https://cdn.uviewui.com/uview/demo/popup/noClose.png'
					},],
				// 关于底部导航信息v
				vaule1: 0,
				value5: 0,
			}
		},
		methods: {
			open() {
				// console.log('open');
			},
			close() {
				this.show = false
				// console.log('close');
			},
			//底部导航栏方法
			change5(name) {
				if (name === 1) return uni.$u.toast('请您先登录')
				else this.value5 = name
			},
			change1(e) {
				this.value1 = e
				console.log('change1', e);
			},
			click1(e) {
				console.log('click1', e);
				uni.navigateTo({
				})
			}

		}
	}
</script>

<style>
	.u-popup-slot {
		background-color: $uni-color-quju;
	}
</style>
<style lang="scss">
	.u-page {
		padding: 0;

		&__item {

			&__title {
				color: $u-tips-color;
				background-color: $u-bg-color;
				padding: 15px;
				font-size: 15px;

				&__slot-title {
					color: $u-primary;
					font-size: 14px;
				}
			}

			&__slot-icon {
				width: 17px;
				height: 17px;
			}
		}
	}
</style>